<?xml version="1.0" encoding="ISO-8859-1" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <title>xfaction.net</title>
    <meta http-equiv="content-type" content="text/html; charset=utf-8">
    <style type="text/css">
/*<![CDATA[*/
      body { color: #2a3847; background-color: white; }
      th { font-size: 0.8em; text-align: left; vertical-align: top; width: 30%}
      a { color: #2a3847; }
      h1 { font-size: 1.4em; margin-top:0px; margin-bottom: 0px; }
      h2 { padding-top: 0px; margin-top: 0px; }
      h3 { border-bottom: 1px solid #2a3847; margin-bottom: 0px; font-style: normal; font-variant: small-caps; text-align: right; }
      button { font-family: Verdana, sans-serif; font-size: 10px; border-style: solid; border-width: 1px; border-color: #666666; padding: 2px; }
      button:hover { border-style: outset; }
      button:active { border-style: inset; }
      #td_text { font-size: 0.8em; text-align: left; vertical-align: top; padding-bottom: 5px; }
      #td_top { padding-top: 20px; }
      #roundTable { padding: 8px; border: 2px solid #2a3847; -moz-border-radius: 8px; background-color: #81addc; }
/*]]>*/
    </style>
    <script src="config.js" language="JavaScript1.2"></script>
    <script language="JavaScript">
    <!--
function init() {
  // add realms
  var tr_realm = document.getElementById('tr_realm');
  var realmSelect = document.createElement('select');
  realmSelect.setAttribute('id','realm');
  realmSelect.setAttribute('name','realm');
  realmSelect.setAttribute('tabindex',"3");

  var realmTd = tr_realm.getElementsByTagName('td').item(0);
  for (var i=0; i<realmTd.childNodes.length; i++)
    realmTd.removeChild(realmTd.childNodes.item(i));

  realmTd.appendChild(realmSelect);
  realmSelect.options.add(new Option("Select a realm"));
  var cookieRealm = readCookie('xfactionRealm');
  for (var i=0; i<REALMS.length; i++) {
    if (REALMS[i] == cookieRealm)
      realmSelect.options.add(new Option(REALMS[i],REALMS[i], true));
    else
      realmSelect.options.add(new Option(REALMS[i],REALMS[i]));
  }
  tr_realm.style.display = '';

  var cookieJid = readCookie('xfactionChar');
  if (cookieJid) {
    document.forms[0].jid.value = cookieJid;
    document.forms[0].comments.focus();
  } else {
    document.forms[0].jid.focus();
  }

  document.forms[0].topic.selectedIndex = 0;
}
function setComments(sel) {
  var comment = document.getElementById('comments');
  if (sel.value == 'noop') {
    comment.value = '';
    document.forms[0].feedback_button.disabled = true;
  } else if (sel.value == 'general') {
    comment.value = 'Enter your comment here:\r\n\r\n';
    document.forms[0].feedback_button.disabled = false;
  } else if (sel.value == 'bug') {
    comment.value = 'What operating system are you using?\r\n\r\n'+
      'What browser are you using? (include version)\r\n\r\n'+
      'Describe the bug:\r\n\r\n'+
      'List the steps needed to reproduce this bug:\r\n\r\n';
    document.forms[0].feedback_button.disabled = false;
  } else if (sel.value == 'feature') {
    comment.value = 'Describe the feature you would like:\r\n\r\n'+
      'List any other applications which have a comparable feature:\r\n\r\n'+
      'Are you willing to xfaction.net without this feature?\r\n\r\n';
    document.forms[0].feedback_button.disabled = false;
  } else if (sel.value == 'abuse') {
    comment.value = 'What user committed the abuse?\r\n\r\n'+
      'When was the abuse committed?\r\n\r\n'+
      'Did the abuse occur in a conference room or in private chat?\r\n\r\n'+
      'Paste a copy of the abuse here:\r\n\r\n'+
      'Provide any additional comments or context here:\r\n';
    document.forms[0].feedback_button.disabled = false;
  }
}

onload = init;
//-->
    </script>
  </head>
<body>
  <table border=0 width="100%">
    <tr>
      <td align=center id="td_tip">
        <table height="100%" id="roundTable">
          <tr>
            <td valign="middle">
              <h3>Feedback</h3><br/>
              <form name="feedback" method="post" action="./sendmail.pl">
              <table align="center" border=0 cellpadding="3" cellspacing="1">
                <tr>
                  <th><label for='topic'>Topic</label></th>
                  <td id="td_text"><select name='topic' tabindex=1 onChange="setComments(this);"><option value="noop" selected>Select a topic</option><option value="general">General Comment</option><option value="bug">Bug Report</option><option value="feature">Feature Request</option><option value="abuse">Abuse Report</option></select></td>
                </tr>
                <tr>
                  <th><label for='character'>Character</label></th>
                  <td id="td_text"><input type="text" id='jid' name="jid" tabindex=2 class='input_text'></td>
                </tr>
                <tr id="tr_realm" style="display:none;">
                  <th title="Select Realm"><label for='realm'>Realm</label></th>
                  <td></td>
                </tr>
                <tr>
                  <th>Comments</th>
                  <td id="td_text"><textarea id='comments' name="comments" cols=50 rows=10 tabindex=4 class='input_text'></textarea></td>
                </tr>
                <tr>
                  <th>&nbsp;</th>
                  <td id="td_text"><button type="submit" id='feedback_button' tabindex=5 disabled>Send</button></td>
                </tr>
              </table>
              </form>
            </td>
          </tr>
        </table>
      </td>
    </tr>
    <tr>
      <td height="100%" align=center valign=top>
        <table border=0 cellspacing=0 cellpadding=2 align=center width=380>
          <tr style="font-weight: bold; font-size: small">
            <td align=center width="16%" nowrap><a href="index.html">Home</a></td>
            <td align=center width="16%" nowrap><a href="help.html">Help</a></td>
            <td align=center width="16%" nowrap><a href="faq.html">FAQ</a></td>
            <td align=center width="16%" nowrap><a href="aup.html">Acceptable Use</a></td>
            <td align=center width="16%" nowrap><a href="privacy.html">Privacy</a></td>
            <td align=center width="16%" nowrap><a href="feedback.html">Feedback</a></td>
          </tr>
        </table>
      </td> 
    </tr>
    <tr>
      <td height="100%" align=center valign=top>
        <table border=0 cellspacing=0 cellpadding=2 align=center width=380>
          <tr>
            <td id="td_top">
              <div style="font-size: xx-small">
                <div align="center">Powered by: JWChat</div>
                <div align="center">
                  World of Warcraft and Blizzard Entertainment are both trademarks or registered trademarks of Blizzard Entertainment in the United States and/or other countries. These terms and all related materials, logos, and images are copyright © Blizard Entertainment. This site is in no way associated with or endorsed by Blizzard Entertainment.
                </div>
              </div>
            </td> 
          </tr> 
        </table>
      </td> 
    </tr>
  </table>
</body>
</html>
